<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet"
          href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <style>
        html,
        body,
        #container {
            width: 100%;
            height: 100%;
        }


    </style>
    <title>设置地图级别与中心点</title>
</head>

<body>
<div id="container">
    1232434353545466
</div>

<script src="https://webapi.amap.com/maps?v=1.4.15&key=3488bdad75f2546a944325c5fb9bf4b7"></script>
<script type="text/javascript" src="js/demo_utils.js"></script>
<script type="text/javascript" src="js/convert_utils.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<!--<script>-->

<!--    //初始化地图-->
<!--    var map = new AMap.Map('container', {-->
<!--        resizeEnable: false, //是否监控地图容器尺寸变化-->
<!--        zoom: 16, //初始地图级别-->
<!--        center: [120.44336032419072, 30.89789206648598], //初始地图中心点-->
<!--        showIndoorMap: false //关闭室内地图-->
<!--    });-->

<!--    map.on("complete", function () {-->
<!--        // log.success("地图加载完成！");-->
<!--        // document.location = "js://webview?arg1=111&args2=222";-->
<!--        getXXX();-->
<!--        // getMarkers();-->
<!--        // callJs('');-->

<!--    });-->

<!--    function callJs(message) {-->


<!--        // message = '[{positiLongitude:null,positiLatitude:null,},{positiLongitude:null,positiLatitude:null,},{positiLongitude:null,positiLatitude:null,},{positiLongitude:null,positiLatitude:null,},{positiLongitude:120.651535,positiLatitude:31.080536,}]';-->
<!--        var json = eval('(' + message + ')');-->
<!--        // log.success(Json.stringify(json));-->
<!--        // log.success(message);-->
<!--        // for(var i in message){-->
<!--        //     　　alert(i);-->
<!--        // }-->
<!--        $.each(json, function (index, info) {-->
<!--            // alert(index);-->
<!--            // log.success(index);-->
<!--            // log.success(info['positiLongitude']+'-'+info['positiLatitude']);-->
<!--        })-->
<!--        $.each(json, function (index, item) {-->
<!--            var positiLongitude = item['positiLongitude'];-->
<!--            var positiLatitude = item['positiLatitude'];-->
<!--            // log.success(item['positiLongitude']);-->
<!--            if (positiLongitude != null && positiLatitude != null) {-->
<!--                log.success(item['positiLongitude']);-->
<!--                var marker = new AMap.Marker({-->
<!--                    icon: "img/icon_map_emergency.png",-->
<!--                    position: [item['positiLongitude'], item['positiLatitude']]-->
<!--                });-->
<!--                map.add(marker);-->
<!--                marker.on('click', function () {-->
<!--                    document.location = "js://webview?id=" + item['id'];-->
<!--                });-->
<!--            }-->

<!--            // map.add(marker);-->
<!--            // map.setFitView();-->
<!--        })-->
<!--    }-->

<!--    function clickxxx() {-->
<!--        log.success('my click');-->
<!--    }-->


<!--    function getMarkers() {-->
<!--        // 构造点标记-->
<!--        var marker = new AMap.Marker({-->
<!--            icon: "img/icon_map_emergency.png",-->
<!--            position: [120.44204295897053, 30.904418978862743]-->
<!--        });-->
<!--        map.add(marker);-->
<!--        marker.on('click', function () {-->
<!--            log.success('63554');-->
<!--        });-->
<!--        map.setFitView();-->
<!--    }-->


<!--    function getXXX() {-->
<!--        $.getJSON("js/getCompanyInfo.json", function (data) {-->
<!--            const end = data["companyExtent"][0].geomStr.indexOf("))");-->
<!--            // log.success(data["companyExtent"][0].geomStr.substring(9, end));-->
<!--            const source = data["companyExtent"][0].geomStr.substring(9, end).split(",");-->
<!--            //清空内容-->
<!--            const itemArray = Array();-->
<!--            $.each(source, function (infoIndex, info) {-->
<!--                // log.success(info);-->
<!--                itemArray[infoIndex] = Array();-->
<!--                var pair = Array();-->
<!--                pair[0] = info.split(" ")[0];-->
<!--                pair[1] = info.split(" ")[1];-->
<!--                var arr2 = coordtransform.wgs84togcj02(pair[0], pair[1]);-->
<!--                itemArray[infoIndex] = Array(arr2[0], arr2[1]);-->
<!--                // log.success(pair);-->
<!--                // log.info(itemArray[infoIndex]);-->
<!--                map.add(itemArray);-->
<!--            })-->
<!--            const polygon = new AMap.Polygon({-->
<!--                path: itemArray,-->
<!--                strokeColor: "#FF33FF",-->
<!--                strokeStyle: 'dashed',-->
<!--                strokeWeight: 2,-->
<!--                strokeOpacity: 0.6,-->
<!--                fillOpacity: 0,-->
<!--                fillColor: '#1791fc',-->
<!--                zIndex: 50,-->
<!--            })-->
<!--            map.add(polygon);-->
<!--            map.setFitView();-->
<!--        })-->
<!--    }-->

<!--    function getStrokeColor(level) {-->
<!--        if (level === 5) {-->
<!--            return "#5978ec5f";-->
<!--        } else if (level === 1) {-->
<!--            return "#f55260";-->
<!--        } else if (level === 2) {-->
<!--            return "#ff8a43";-->
<!--        } else if (level === 3) {-->
<!--            return "#ffc000";-->
<!--        } else if (level === 4) {-->
<!--            return "#5978ec";-->
<!--        }-->
<!--        return "#5978ec";-->
<!--    }-->


<!--    function getFillColor(level) {-->
<!--        if (level === 5) {-->
<!--            return "#5978ec";-->
<!--        } else if (level === 1) {-->
<!--            return "#f55260";-->
<!--        } else if (level === 2) {-->
<!--            return "#ff8a43";-->
<!--        } else if (level === 3) {-->
<!--            return "#ffc000";-->
<!--        } else if (level === 4) {-->
<!--            return "#5978ec";-->
<!--        }-->
<!--        return "#5978ec";-->
<!--    }-->

<!--    function initRiskZones(message) {-->
<!--        // log.success(Json.stringify(message));-->
<!--        // const json = eval('(' + message + ')');-->
<!--        // log.success(json)-->
<!--        const itemArray = Array();-->
<!--        const strokeColor = Array();-->
<!--        const fillColor = Array();-->
<!--        $.each(message, function (infoIndex, item) {-->
<!--            // log.success(item);-->
<!--            strokeColor[infoIndex] = getStrokeColor(item["riskPartitionSeverity"]);-->
<!--            fillColor[infoIndex] = getFillColor(item["riskPartitionSeverity"]);-->
<!--            const latLngs = item["latLngList"];-->
<!--            addTextOverlay(item["riskPartitionName"],latLngs);-->
<!--            itemArray[infoIndex] = Array();-->
<!--            $.each(latLngs, function (index, infox) {-->
<!--                const pair = Array();-->
<!--                pair[0] = infox["positiLongitude"];-->
<!--                pair[1] = infox["positiLatitude"];-->
<!--                var arr2 = coordtransform.wgs84togcj02(pair[0], pair[1]);-->
<!--                itemArray[infoIndex][index] = Array(arr2[0], arr2[1]);-->
<!--                // itemArray[infoIndex][index] = pair;-->
<!--            })-->
<!--            map.add(itemArray);-->
<!--        })-->

<!--        $.each(itemArray, function (index, item) {-->
<!--            const polygon = new AMap.Polygon({-->
<!--                path: item,-->
<!--                strokeColor: strokeColor[index],-->
<!--                strokeWeight: 2,-->
<!--                strokeOpacity: 0.2,-->
<!--                fillOpacity: 0.4,-->
<!--                fillColor: fillColor[index],-->
<!--                zIndex: 50,-->
<!--            })-->
<!--            map.add(polygon);-->
<!--            map.setFitView();-->
<!--        })-->


<!--    }-->

<!--    var getTheAreaCenter = function (lnglatarr) {-->
<!--        var total = lnglatarr.length;-->
<!--        var X = 0, Y = 0, Z = 0;-->
<!--        $.each(lnglatarr, function (index, lnglat) {-->
<!--            log.success(lnglat["positiLongitude"] + "-&#45;&#45;" + total + "-&#45;&#45;" + lnglat["positiLatitude"]);-->
<!--            var lng = lnglat["positiLongitude"] * Math.PI / 180;-->
<!--            var lat = lnglat["positiLatitude"] * Math.PI / 180;-->
<!--            var x, y, z;-->
<!--            x = Math.cos(lat) * Math.cos(lng);-->
<!--            y = Math.cos(lat) * Math.sin(lng);-->
<!--            z = Math.sin(lat);-->
<!--            X += x;-->
<!--            Y += y;-->
<!--            Z += z;-->
<!--        });-->

<!--        X = X / total;-->
<!--        Y = Y / total;-->
<!--        Z = Z / total;-->

<!--        var Lng = Math.atan2(Y, X);-->
<!--        var Hyp = Math.sqrt(X * X + Y * Y);-->
<!--        var Lat = Math.atan2(Z, Hyp);-->
<!--        const pair = Array();-->
<!--        pair[0] = Lng;-->
<!--        pair[1] = Lat;-->
<!--        // log.success(Lng + "&#45;&#45;&#45;&#45;&#45;&#45;" + Lat);-->
<!--        return pair;-->
<!--    }-->

<!--    function getCenterPoint(lnglatarr) {-->
<!--        //var path =e.;//Array<Point> 返回多边型的点数组-->
<!--        //var ret=parseFloat(num1)+parseFloat(num2);-->
<!--        var x = 0.0;-->
<!--        var y = 0.0;-->
<!--        for (var i = 0; i < lnglatarr.length; i++) {-->
<!--            x = x + parseFloat(lnglatarr[i]["positiLongitude"]);-->
<!--            y = y + parseFloat(lnglatarr[i]["positiLatitude"]);-->
<!--        }-->
<!--        x = x / lnglatarr.length;-->
<!--        y = y / lnglatarr.length;-->

<!--        const pair = Array();-->
<!--        pair[0] = x;-->
<!--        pair[1] = y;-->
<!--        //return new BMap.Point(path[0].lng,path[0].lat);-->
<!--        return coordtransform.wgs84togcj02(pair[0], pair[1]);-->
<!--        //return path[0];-->
<!--    }-->

<!--    function addTextOverlay(name,latLngs) {-->
<!--        var pair = getCenterPoint(latLngs);-->
<!--        // 创建纯文本标记-->
<!--        var text = new AMap.Text({-->
<!--            text: name,-->
<!--            anchor: 'center', // 设置文本标记锚点-->
<!--            draggable: false,-->
<!--            cursor: 'pointer',-->
<!--            angle: 1,-->
<!--            style: {-->
<!--                'padding': '.75rem 1.25rem',-->
<!--                'margin-bottom': '1rem',-->
<!--                'border-radius': '0rem',-->
<!--                'background-color': 'transparent',-->
<!--                'width': '15rem',-->
<!--                'border-width': 0,-->

<!--                'text-align': 'center',-->
<!--                'font-size': '10px',-->
<!--                'color': 'blue'-->
<!--            },-->
<!--            position: pair-->
<!--        });-->

<!--        text.setMap(map);-->
<!--    }-->


<!--</script>-->
</body>

</html>